<template>
  <!-- 搜索 -->
  <standard-search />
  <!-- 列表 -->
  <standards-list />
  <!-- 新增编辑抽屉 -->
  <a-drawer v-model:visible="stanards.drawer" :width="570" destroy-on-close placement="right" :body-style="{ padding: '24px 0px' }" :footer-style="{ textAlign: 'right' }">
    <add-standard />
  </a-drawer>
  <!-- 详情弹窗 -->
  <a-modal v-model:visible="stanards.sdialog" :width="710" :title="null" :footer="null">
    <standards-details />
  </a-modal>
</template>

<script lang="ts" setup>
  import StandardsList from './components/StandardsList.vue';
  import StandardSearch from './components/StandardSearch.vue';
  import StandardsDetails from './components/StandardsDetails.vue';
  import AddStandard from './components/AddStandard.vue';
  import { getStanardListHooks } from '@/hooks/CatalogDataStandardsHooks/getDataStandarsHooks';
  const { stanards, getData } = getStanardListHooks();
  getData();
</script>

<style lang="less" scoped>
  .search {
    margin-bottom: 20px;
  }
</style>
